*.* { clear: both; }

a:link { color:#06c; text-decoration:underline; }
a:visited { color:#09c; text-decoration:none; }
a:hover { text-decoration:underline; }
a:active { color:#22aa00; }

body {
	color: black;
	background-color: #333;
	margin:0; 
	padding:0;
	font-family: 'Verdana', 'Arial';
}

label {
	float: left;    
	width: 6em;    
	margin-right: 1em;
	text-align:right;
}

fieldset {  
	margin: 0 0 1.5em 0;  
	padding: 0; 
	border: 1px solid #BFBAB0;    
	background-color: #F2EFE9;
}

input { margin: 2px; }


img { border: 0; }
/* not yet implemented */
.nyi { color:white; background-color:red; }

#wrapper { 
	border: 1px solid black;
	background-color:#09c;
	margin: 30px auto;
	padding-bottom:31px;
	width: 95%;
	min-width: 650px;
}

/* ============================= */

#header {
	border-top: 1px solid #ccc;
	background: rgba(0,153,204,1) url('images/headerbg.png') repeat-x left top;
	width: 100%;
	padding: 20px 0 20px 0;
	height:75px;
	text-shadow: 0px -1px #aaa;
}

#header h2 { 
	margin:0;
	font-size: 2em; 
}

#header blockquote {
	margin-top: 0;
	margin-bottom: 0;
}

/* ============================= */

#content {
	margin-left: 232px; 
	padding: 1em;
	background-color: rgba(0,153,204,1);
	border-left: 1px solid black;
	height: 100%;
}

#left-nav {
	margin: 0px;
	padding: 1em;
	width: 200px;
	float:left;
	border-right: 1px solid black;
	background-color: #09c;
}

.inner-frame {
	border: 1px solid black; 
	background-color: white;
	overflow: auto;
}

#left-nav .inner-frame { font-size: .75em; }
#left-nav label { vertical-align: center; }
#content .inner-frame { min-height: 500px; }
/* #content .inner-frame td:hover { background-color:#9cf; } */
#content .inner-frame table { border-collapse:collapse; }

/* ============================= */

#footer {
	float:left;
	width:100%;
	padding-top:8px;
	height:22px;
	background: rgba(0,153,204,1) url('images/footerbg.png') repeat-x left bottom;
	text-shadow: 0px -1px #aaa;
	border-bottom: 1px solid #444;
}

#footer small { top: 5px; margin:0; }
